@use 'sass:math';
@use '_variables' as *;
@use '_mixins' as *;

$form-base-input-width: 340px;

label {
  font-weight: $font-regular;
  font-size: 100%;
}

.account-title {
  @include settings-big-title;

  &.account-title-danger {
    color: lighten($color: #c54130, $amount: 10);
  }
}

input:not([type=submit]) {
  @include peertube-input-text($form-base-input-width);
  display: block;
}

my-input-toggle-hidden {
  @include responsive-width($form-base-input-width);

  display: block;
}

.peertube-select-container {
  @include peertube-select-container($form-base-input-width);
}

my-select-custom-value {
  @include responsive-width($form-base-input-width);

  display: block;
}

input[type=submit],
button {
  @include peertube-button;
  @include orange-button;

  margin-top: 10px;
}

.transcoding-information {
  margin-top: 5px;
  font-size: 11px;
}

.danger-zone {
  .reset-password-email {
    margin-bottom: 30px;

    button {
      @include peertube-button;
      @include danger-button;
      @include disable-outline;

      display: block;
      margin-top: 0;
    }
  }
}

.breadcrumb {
  @include breadcrumb;
}

.dashboard {
  @include dashboard;
  max-width: 900px;
}
